import React from "react";
import 减 from "../cutpic/减.png";
import 加 from "../cutpic/加.png";

export default () => {
    return (
        <div style={{ padding: "20px 0" }}>
            <div
                style={{
                    width: 156,
                    height: 156,
                    borderRadius: 10,
                    background: "#aaa",
                    marginRight: 18
                }}
            ></div>
            <div style={{ flexDirection: "column", flex: 1 }}>
                <div style={{ fontSize: 28, color: "#1a1a1a" }}>
                    双层麻辣鸡排堡双层麻辣...
                </div>
                <div style={{ fontSize: 22, color: "#ff4d3a", marginTop:10,}}>
                    <div style={{ paddingRight: 4 }}>每单仅限一份</div>
                    <div>仅剩8份</div>
                </div>
                <div style={{ justifyContent: "space-between" }}>
                    <div style={{ fontSize: 36, color: "#ff4d3a" }}>
                        <div style={{ fontSize: 24 }}>¥</div>25
                        <s style={{ fontSize: 24, color: "#ccc" }}>¥59</s>
                    </div>
                    <div>
                        <div>
                            <img src={减} alt='' />
                        </div>
                        <div
                            style={{
                                width: 46,
                                height: 46,
                                alignItems: "center",
                                justifyContent: "center"
                            }}
                        >
                            1
                        </div>
                        <div>
                            <img src={加} alt='' />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
};
